<template>
  <div class="footer">
    <div class="logo">
      <img
          src="../assets/images/school-logo.png"
          alt="">
      <div class="title">
        <div class="title-zh">信息工程系</div>
        <div class="title-en">Department of Information Engineering</div>
      </div>
    </div>

    <div class="footer-item">地址：广州市天河区五山路483号 华南农业大学 数学与信息学院院楼</div>
    <div class="footer-item">电话: 123456789</div>
    <div class="footer-item">Copyright © 2023 华农信息工程系 All rights reserved.</div>
    <div class="footer-item">开发团队：马静敏、彭佳乐、黄诗茹、黄子彤、莫蕙源</div>
  </div>
</template>

<script>

</script>

<style scoped lang="less">
.footer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 25px 0 25px 100px;
  color: rgb(255, 255, 255);
  background-color: rgb(30, 154, 181);
}

.logo {
  display: flex;
  align-items: center;
  margin-bottom: 20px;

  img {
    width: 60px;
    height: 60px;
    margin-right: 10px;
    border-radius: 50%;
    border: 2px solid white;
  }

  .title {
    font-weight: bold;

    .title-zh {
      font-size: 37px;
      font-weight: bold;
      font-family: "华文楷体", STKaiti, serif;
    }
  }
}

.footer-item {
  margin-bottom: 10px;
  font-size: 14px;
}
</style>